/* 媒体查询:响应式 */

/* 公共样式 */
.container {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    padding: 20px;
}

/* 小于768像素的屏幕 */
@media screen and (max-width: 767px) {
    .container {
        padding: 10px;
    }

    .main-content {
        /* 修改主体内容区域的样式 */
        width: 100%;
    }

    .floor-content-search {
        /* 修改搜索栏的样式 */
        width: 100%;
    }

    .floor-wrap-ul {
        /* 修改商品分类列表的样式 */
        display: flex;
        flex-wrap: wrap;
        overflow: hidden;
        height: auto;
    }

    .floor-wrap-li {
        /* 修改商品分类列表项的样式 */
        width: 50%;
    }

    .seckill-timer-wrap {
        /* 修改秒杀倒计时区域的样式 */
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .seckill-timer {
        /* 修改秒杀倒计时的样式 */
        margin: 10px 0;
    }

    .list-group-item {
        /* 修改底部链接的样式 */
        text-align: center;
        margin-bottom: 5px;
    }

    p {
        /* 修改版权信息的样式 */
        text-align: center;
    }
}




/* 头部广告 */

.heard-top {
    position: fixed;
    width: 100%;
    margin: 0 auto;
    font-size: 0;
    top: 0;
    overflow: hidden;
    z-index: 15;
    /* background-color: aqua; */
}

.heard-top-tip {
    width: 100%;
    position: relative;
    overflow: hidden;
    height: 45px;
}

.heard-top-ul {
    position: absolute;
    box-sizing: border-box;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    padding: 0;
    margin: 0;
    list-style: none;
}

.heard-top-item {
    width: 2rem;
    background-color: #333;
    display: block;
    float: left;
    height: 45px;
}

.heard-top-item:nth-child(3) {
    width: 10rem;
}

.heard-top-item:nth-child(3) div {
    color: #fff;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: center;
    line-height: 45px;
    font-size: 14px;
}

.heard-top-item:nth-child(4) {
    width: 4.76rem;
    background-color: red;
}

.heard-top-item:nth-child(4) div {
    font-size: 14px;
    color: #fff;
    text-align: center;
    line-height: 45px;
}

/* 主体内容区域 */

.main-content {
    width: 100%;
    margin-top: 45px;
}

.main-style {
    position: absolute;
    top: 0;
    height: 9.25rem;
    width: 100%;
    background-image: linear-gradient(0deg, #f1503b, #c82519 50%);
    border-bottom-left-radius: 50%;
    border-bottom-right-radius: 50%;
}

/* 头部导航区域 */

.floor-content {
    position: relative;
    width: 100%;
    height: 44px;
}

.floor-content-search {
    display: flex;
    justify-content: left;
    align-items: center;
    width: 100%;
    height: 100%;
}

.floor-content-logo {
    width: 0.8rem;
    margin-left: .6rem;
    height: 1rem;
    display: block;
    background-image: url('/images/floor-search.png');
    background-repeat: no-repeat;
    background-size: contain;
}

/* 搜索框 */

.floor-content-search-box {
    width: 14rem;
    height: 24px;
    background-color: #fff;
    margin-left: .6rem;
    border-radius: 15px;
    margin-top: -.3rem;
    z-index: 20;
}

.search-box-logo {
    position: relative;
    margin: .25rem .6rem;
    width: 20px;
    height: 15px;
    display: block;
    background-image: url('/images/floor-content-search-logo.png');
    background-repeat: no-repeat;
    background-size: contain;
}

.search-box-line {
    display: inline-block;
    position: absolute;
    top: .6rem;
    left: 3.7rem;
    display: inline-block;
    box-sizing: border-box;
    border-left: .4px solid #999;
    height: 15px;
    opacity: 0.3;
}

.search-box-sear {
    display: block;
    width: 18px;
    height: 15px;
    background-image: url('/images/jd-sprites.png');
    background-size: 200px;
    background-repeat: no-repeat;
}

.search-box-input {
    display: inline-block;
    max-width: 10rem;
    border: none;
    border-radius: 15px;
    height: 20px;
    overflow: hidden;
    /* background-color: #f7f7f7; */
    /* background-color: red; */
    font-size: 14px;
    -webkit-box-align: center;
    line-height: 30px;
    position: absolute;
    top: 20%;
    left: 26%;
    z-index: 10;
}

/* 登录 */
.floor-content-login {
    overflow: hidden;
    color: #fff;
    font-size: 15px;
    margin-left: 10px;
}


/* 轮播图 */

.main-swiper {
    width: 100%;
    height: 195px;
    padding: 7px 10px;
}

.swiper {
    border-radius: 10px;
    width: 100%;
    height: 100%;
}

.clearfix::after {
    display: block;
    clear: both;
    content: '';
}


/* 商品分类列表 */


.main-wrapper {
    position: relative;
    width: 100%;
    overflow: hidden;
}

.wrapper-item {
    display: block;
    width: 20%;
    float: left;
}

.wrapper-item p {
    text-align: center;
    text-decoration: none;
    color: #666;
}

.wrapper-item img {
    max-width: 100%;
    min-width: 100%;
    margin-left: 10px;
}


/* 京东秒杀 */

.floor-container {
    position: relative;
    width: 100%;
    height: 38px;
    overflow: hidden;
    margin-top: .6rem;
}

.title-wrap {
    background-image: url('/images/xiaosha.png');
    background-repeat: no-repeat;
    height: 38px;
    float: left;
    background-size: contain;
}

.seckill-tit-img {
    display: inline-block;
    font-family: PingFangSC-Semibold;
    font-size: .7rem;
    margin-top: .3rem;
    color: #333
}

.seckill-timer-wrap {
    display: inline-block;
    box-sizing: border-box;
}

.seckill-begin {
    box-sizing: border-box;
    height: 100%;
    font-size: .65rem;
    border-radius: .4rem;
    position: relative;
    color: #ff2727;
    margin-left: .4rem;
}

.seckill-begin::after {
    box-sizing: border-box;
    background-image: url('/images/miaosha-begin.png');
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: contain;
    display: inline-block;
    content: "";
    height: .85rem;
    width: .85rem;
}

/* 倒计时 */
.seckill-timer {
    width: 100px;
    height: 100%;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-left: 1rem;
    padding-bottom: .5rem;
}

.seckill-timer-h {
    margin-top: .5rem;
    width: .75rem;
    height: .85rem;
    color: #fff;
    background-image: linear-gradient(-140deg, #ff6152, #fa2c19);
    background-color: #fa2c19;
    border-radius: .2rem;
    text-align: center;
    font-weight: 400;
}

.seckill-timer-style {
    height: .65rem;
    line-height: 1rem;
    text-align: center;
    font-family: PingFangSC-Regular;
    color: #f2270c;
    font-weight: 700;
}

.seckill-icon {
    display: inline-block;
    width: .75rem;
    height: .75rem;
    background-image: url('/images/arrow_rt_2ccb8cd5.png');
    background-repeat: no-repeat;
    background-size: cover;
    position: absolute;
    right: .3rem;
    top: .2rem;
}


/* 商品列表 */
.floor-wrap {
    overflow-x: scroll;
}

.floor-wrap-ul {
    transition: all .3s ease 0s;
    transform: translate3d(0, 0, 0);
    width: 1000px;
    position: relative;
    background-color: #fff;

}

.floor-wrap-li {
    float: left;
    width: 93.5px;
    overflow: hidden;
    margin: .1rem;
}

.seckill-item-img {
    overflow: hidden;
    width: 100%;
}

.seckill-item-img a img {
    width: 100%;
    height: auto;
    overflow: hidden;
    min-height: 1px;
    min-width: 1px;
}

.seckill-item-price {
    font-family: JDZhengHT-EN-Regular;
    margin-top: .5rem;
    color: #f2270c;
    font-size: .65rem;
    line-height: .6rem;
    text-align: center;

}


/* 商品列表 */

.floor-item {
    background-color: #f7f7f7;
    overflow: hidden;
    width: 100%;
}

.floor-item-box {
    display: flex;
    flex-wrap: wrap;
    padding: .35rem;
    display: -webkit-flex;
}

.floor-item-left {
    width: 50%;
    box-sizing: border-box;
}

.floor-item-right {
    width: 50%;
    box-sizing: border-box;
}


.goods {
    display: block;
    width: 100%;
    background-color: #fff;
    border-radius: .5rem;
    overflow: hidden;
    position: relative;
}

.goods_div {
    margin-bottom: .3rem;
    position: relative;
    overflow: hidden;
}

.goodsimg {
    display: block;
    width: 100%;
    height: auto;
    overflow: hidden;
}

.goodsinfo {
    padding: 0 0.5rem 0.5rem;
}

.goodsname {
    text-align: left;
    line-height: 1rem;
    font-size: .6rem;
    font-family: -apple-system, Helvetica, sans-serif;
    color: #434343;
    text-overflow: ellipsis;
    margin-top: .2rem;
}

.goodslowprice {
    display: flex;
    justify-content: left;
    height: .8rem;
    flex-wrap: wrap;
    overflow: hidden;
}

/* 价格 */
.goodsrow {
    display: flex;
    height: 1.5rem;
    align-items: center;
    flex-wrap: wrap;
    overflow: hidden;
}

.goodsprice {
    font-style: normal;
    font-family: JDZH-Regular, sans-serif;
    display: inline-block;
    font-size: .7rem;
    line-height: 1.5rem;
    color: #ff4142;
}

.goodsprice span:nth-child(1) {
    font-size: 16px;
}

.goodsprice span:nth-child(2) {
    font-size: 24px;
    margin-left: -.3rem;
}

.goodsprice span:nth-child(3) {
    font-size: 16px;
    margin-left: -.2rem;
}

.goodsprice-text {
    display: inline;
    margin-left: .3rem;
    color: #ff4142;
    font-size: 7px;
    border: 1px solid #ff4142;
    border-radius: .25rem;
    padding: .1rem;
}

/* 底部 */

.goods-bottom {
    height: 1rem;

}

.goods-bottom-text {
    float: right;
    background: #f2f2f2;
    font-size: .46rem;
    width: 2.4rem;
    height: 1rem;
    border-radius: .5rem;
    color: #262626;
    text-align: center;
}

.feeds-item {
    margin: .3rem;
}

/* 底部 */
.list-group-item-no {
    border: none;
}


@media screen and (min-width:768px) {}